<template>
  <div class="password">
    <nav-bar>
      <img
        class="left"
        @click="$router.back()"
        src="../../../assets/img/navbar/ic_title_close.png"
        slot="left"
        alt=""
      />
      <span slot="center">密码管理</span>
    </nav-bar>
    <div class="content_box content_scroll">
      <div class="content_list" @click="$router.push('/change_login_password')">
        <div class="content_text">
          <span class="login_title">登录密码</span>
          <span class="login_tips">说明：登录密码用于277推广后台登录</span>
        </div>
        <img
          src="../../../assets/img/apply/ic_game_recommend_arrow_right.png"
          alt=""
        />
      </div>
      <div class="content_list" @click="jumpClick(1)">
        <div class="content_text">
          <span class="login_title">提现密码</span>
          <span class="login_tips">说明：提现密码用于渠道自助提现</span>
        </div>
        <img
          src="../../../assets/img/apply/ic_game_recommend_arrow_right.png"
          alt=""
        />
      </div>
      <div class="content_list" @click="jumpClick(2)">
        <div class="content_text">
          <span class="login_title">支付密码</span>
          <span class="login_tips">说明：支付密码用于喵币支付</span>
        </div>
        <img
          src="../../../assets/img/apply/ic_game_recommend_arrow_right.png"
          alt=""
        />
      </div>
    </div>
  </div>
</template>

<script>
import NavBar from "../../../components/common/navbar/NavBar.vue";
export default {
  components: { NavBar },
  methods: {
    jumpClick(val) {
      if (val === 1) {
        this.$router.push({
          path: "/change_withdrawal_password",
          query: {
            title: "cash",
          },
        });
      } else if (val === 2) {
        this.$router.push({
          path: "/change_withdrawal_password",
          query: {
            title: "payment",
          },
        });
      }
    },
  },
};
</script>

<style scoped>

.left {
  width: 44px;
  height: 44px;
}

.content_box {
  width: 680px;
  padding: 0 35px;
}

.content_list {
  width: 100%;
  height: 80px;
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content_text {
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.content_list img {
  display: block;
  width: 18px;
  height: 30px;
}

.login_title {
  font-size: 28px;
  color: #333;
}

.login_tips {
  font-size: 24px;
  color: #999;
}
</style>